<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/rest.min.css">
    <link rel="stylesheet" href="css/cakexqy.min.css">
    <link rel="stylesheet" href="css/index.min.css">
    <link rel="stylesheet" href="css/footer.min.css">
    <link rel="stylesheet" href="css/header.min.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>

<body>
    <header class="header">
        <div class="head">
            <a href="index.html">
                <img src="images/logo.png" alt="" class="logo_1"></a>

            <div class="right_head">
                <div class="top_h">
                    <span class="dizhi">
                        <a href="" >西安</a> 
                    </span>
                    <span class="shoppingcar">
                        <span class="shuliang">0</span>件
                    </span>
                    <span class="denglu"><a href="login.html">登录</a> </span>
                    <span class="zhuce"><a href="resgister.html">注册</a> </span>
                </div>
                <div class="bottom_h">
                    <ul class="banner">
                        <li class="navmenu">
                            <a href="goodslist.html">
                                <span>All Products</span><br>
                                <span>全部产品</span>
                            </a>
                        </li>
                        <li class="navmenu" id="jinav2">
                            <a href="">
                                <span>Cake Series</span><br>
                                <span>蛋糕系列</span>
                            </a>
                            <ul class="sub_nav" style="display: none;">
                                <li style="border-bottom:none;"><a href="">新品系列</a></li>
                                <li style="border-bottom:none;"><a href="">经典系列</a></li>
                                <li style="border-bottom:none;"><a href="">儿童系列</a></li>
                                <li style="border-bottom:none;"><a href="">尊爱系列</a></li>
                            </ul>
                        </li>
                        <li class="navmenu">
                            <a href="">
                                <span>Wagashi</span><br>
                                <span>零食糕点</span>
                            </a>
                        </li>
                        <li class="navmenu" style="border:none;">
                            <a href="about.html">
                                <span>About Us</span><br>
                                <span>关于我们</span>
                            </a>
                        </li>
                    </ul>
                    <div class="h_phone"><img src="images/phone_icon.png" height="15"> 400-700-5999</div>
                    <div class="h_navserch">
                        <input type="text">
                    </div>
                </div>

            </div>

    </header>

    <div class="h_cakexq">
        <div class="box_left">
            <div id="small-box">
                <div id="mask">
                </div>
            </div>
            <div id="big-box">

            </div>
        </div>
        <div class="h_xqright">
            <img src="images/cakeright.jpg" style="margin-bottom:10px; height:290px;" asdf="asdfasdfasdfasdf">
            <h2 id="showprice" style="float:right; text-align:right; margin-top:35px; height:auto;">￥62.00</h2>
            <span class="name" style="float:left; text-align:left; height:48px; margin-top:12px;">
				<h2>半熟花花马卡龙-七夕情人节礼盒</h2>
				<p style="height:auto;margin-top:10px;">此商品性质不支持7天退货</p>
			</span>
            <form action="javascript:addToCart(1399)" method="post" name="goodsForm" id="goodsForm">
                <div class="h_box">
                    <dl class="h_ss h_ss_re goodsattr">
                        <dt>规格</dt>
                        <dd class="attrs0">
                            <span>
							    <b class="selected0">
							    请选择
							    </b><i></i>
						    </span>
                            <div class="h_size h_size2">
                                <p class="select_attr" data-id="0" attr-id="3372" data-attr_id="3372" select-id="1">
                                    <label>半熟花花马卡龙 4枚/盒 (4种口味)</label>
                                    <font>￥62.00</font>
                                </p>
                            </div>
                        </dd>
                    </dl>
                    <input type="hidden" name="spec_list[]" class="spec1" value="" autocomplete="off">
                    <div class="h_ss h_goumai" style="background:#87d0e3; ">
                        <a href="javascript:addToCart(1399,0);" style="color:#fff; padding-left:0px; text-align:center;">加入购物车</a>
                    </div>
                    <dl class="h_ss">
                        <dt>数量 </dt>
                        <dd>
                            <div class="h_shuxz">
                                <a href="" onclick="chageNumber(0);">-</a>
                                <input onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" onkeyup="value=value.replace(/[^\d]/g,'') " onblur="chageNumber(2);" id="number" value="1" name="number" autocomplete="off">
                                <a href="" onclick="chageNumber(1);">+</a>
                            </div>
                        </dd>
                    </dl>
                    <div class="h_ss h_goumai">
                        <a href="car.html" style="padding-left:0px; text-align:center;">立即购买</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div id="" style="clear:both;"></div>
    <div class="detail_xx" style="margin-top:12px;">
        <img src="images/1596627531849275.jpg">
        <img src="images/1596627534325965.jpg">
        <img src="images/1596627538385306.jpg">
        <img src="images/1596627542503428.jpg">
        <img src="images/1596627546934047.jpg">
        <img src="images/1596627550218988.jpg">
        <img src="images/1596627555116990.jpg">
        <img src="images/1596627566606963.jpg">
    </div>
    <div class="more_h">
        更多精彩
    </div>
    <footer class="footer">

        <div class="h_footerhelp">
            <p style="width:976px;"> 帮助中心 <i></i> </p>
            <div class="h_footmenu">
                <dl>
                    <dt class="bg0"> <i style="background:url(images/bj3.png) no-repeat;"></i>购物指南</dt>
                    <dd> <a href="/article.php?id=7">购物流程</a> </dd>
                    <dd> <a href="/article.php?id=9">蛋糕尺寸</a> </dd>
                </dl>
                <dl>
                    <dt class="bg1"> <i style="background:url(images/bj3.png) no-repeat;"></i>订购范围</dt>
                    <dd> <a href="/article.php?id=12">地图查询</a> </dd>
                    <dd> <a href="/article.php?id=13">团购业务</a> </dd>
                </dl>
                <dl>
                    <dt class="bg2"> <i style="background:url(images/bj3.png) no-repeat;"></i>公司服务</dt>
                    <dd> <a href="/article.php?id=14">储值卡</a> </dd>
                    <dd> <a href="/article.php?id=60">西安门店</a> </dd>
                    <dd> <a href="/article.php?id=77">官网营业资质</a> </dd>
                </dl>
                <dl>
                    <dt class="bg3"> <i style="background:url(images/bj3.png) no-repeat;"></i>企业招聘</dt>
                    <dd> <a href="/article.php?id=17">好利来招聘</a> </dd>
                    <dd> <a href="/article.php?id=18">黑天鹅招聘</a> </dd>
                    <dd> <a href="/article.php?id=81">好利来招聘wap</a> </dd>
                </dl>
                <dl>
                    <dt class="bg4"> <i style="background:url(images/bj3.png) no-repeat;"></i>售后服务</dt>
                    <dd> <a href="">投诉渠道</a> </dd>
                    <dd> <a href="">客服中心</a> </dd>
                    <dd> <a href="/">加盟维权</a> </dd>
                </dl>
                <dl>
                    <dt class="bg5"> <i></i>友情链接</dt>
                    <dd> <a href="">黑天鹅蛋糕官网</a> </dd>
                    <dd> <a href="">罗红摄影艺术馆</a> </dd>
                    <dd> <a href="">百度</a> </dd>
                </dl>
            </div>
        </div>
        <div class="h_footer">
            <span>
		        <p> Copyright2010 ©北京市好利来食品有限公司 版权所有 <br>京icp备15012142号 <br>好利来官方邮箱：info@holiland.com <br></p>
		        <p>客服电话：400-700-5999</p>
		        <p>注册地址：北京市朝阳区观音堂文化大道甲6号北201室<br>食品流通许可证号：<br>统一社会信用代码：91110105721420005Y</p>
	            </span>
            <div class="h_footerright">
                <h4> FOLLOW US </h4>
                <a href="" class="h_weixin"></a>
                <div class="h_fenxiang">
                    <p> 在微信上关注我们 </p>
                    <img src="images/weixin.jpg">
                </div>
            </div>

        </div>
    </footer>
    <div id="h_footerfix">
        <a href=""> <span><img src="images/msg2@68x66.png" alt=""></span>联系客服，在线咨询</a>
    </div>
    </div>

</body>

</html>
<script src="jQuery.js"></script>
<script src="menue.min.js"></script>
<script src="magnifier.min.js"></script>
<script>
    let oSmallBox = document.querySelector("#small-box");
    let oBigBox = document.querySelector("#big-box");
    let oMask = document.querySelector("#mask");
    let mf = new MF(oSmallBox, oBigBox, oMask);
</script>
<script>
    function shoucangSuccess() {
        $(".h_collect").hide();
    }

    function checkNumber(totalPs) {

        return true;
    }
</script>

<script>
    //蛋糕尺寸的弹出框
    $(document).ready(function() {
        //载入价格
        changePrice();
        $(".h_cakexq .h_xqright .h_box span").hover(function() {
            $(this).next(".h_cakexq .h_xqright .h_box .h_size").show();
        }, function() {
            $(this).next(".h_cakexq .h_xqright .h_box .h_size").hide();
        });
        $('.h_cakexq .h_xqright .h_box .h_size').hover(function() {
            $(this).show();
        }, function() {
            $(this).hide();
        })

        $(".select_attr").click(function() {
            var str = $(this).find("LABEL").text();
            var attrid = $(this).attr("data-id");
            var attr_id = $(this).attr("data-attr_id");
            var thisid = $(this).attr("attr-id");
            var select = $(this).attr("select-id");
            $(".spec" + select).val(attr_id); //thisid
            $(".selected" + attrid).text(str);
            changePrice();
            $(".h_size1").hide();
            $.post("/detailed.php", {
                act: 'attr',
                id: thisid
            }, function(data) {
                if (data.status == 1) {
                    if ($('input[name="spec_can"]').val() == '') {
                        $('input[name="spec_can"]').val('2人份');
                    }
                    $('.iscanstatus').show();
                    $(".canju").html(data.data);
                } else if (data.status == 2) {
                    $('.iscanstatus').hide();
                }
            }, 'json');
        });

        $(".can").live("click", function() {
                var data = $(this).attr('data-val');
                $("input[name=spec_can]").val(data);
                $(".selected_can").text(data);
                $(".canju").hide();
            })
            //弹出框 点击关闭叉 隐藏
        $(".h_add h3,.goon").click(function() {
            $(".h_collect").hide();
            $(".h_add").hide();
        });
        $(".h_size2 p").click(function() {
            $(".h_size2").hide();
        });
    });

    function chageNumber(state) {
        var number = document.getElementById('number');
        if (state == 1) {
            numbers = parseInt(number.value) + 1;
        } else if (state == 2) {
            numbers = !isNaN(number.value) ? parseInt(number.value) : 1;
        } else {
            numbers = parseInt(number.value) - 1;
        }
        number.value = numbers < 1 ? 1 : numbers;
        changePrice();
    }
</script>